
<html><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="使用玄子思维导图导出的《帮助文档.md》文档"><head><title>帮助文档.md-玄子思维导图</title><link rel="stylesheet" href="https://xzmind.xuanzi.ltd/editor.md/css/editormd.preview.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.3.0/katex.min.css"></head>
<body><div class="editormd-preview-container"><div class="markdown-body">
<h1 id="h1-u7384u5B50u601Du7EF4u5BFCu56FE"><a name="玄子思维导图" class="reference-link"></a><span class="header-link octicon octicon-link"></span>玄子思维导图</h1><p><a href="http://xzmind.xuanzi.ltd" title="玄子思维导图"><img src="https://images.gitee.com/uploads/images/2019/1222/130159_6aa20951_1857596.png" alt="玄子思维导图" title="玄子思维导图"></a></p>
<h3 id="h3-u5E94u7528u7B80u4ECB"><a name="应用简介" class="reference-link"></a><span class="header-link octicon octicon-link"></span>应用简介</h3><p>国产开源开箱即用的在线思维导图笔记应用。</p>
<h3 id="h3-u4F7Fu7528u65B9u6CD5"><a name="使用方法" class="reference-link"></a><span class="header-link octicon octicon-link"></span>使用方法</h3><ul>
<li>访问<a href="https://xzmind.xuanzi.ltd" title="应用访问地址">玄子思维导图主页</a>（稳定版本）</li><li>访问<a href="http://xuanzi_code.gitee.io/xzmind" title="应用访问地址">开源项目托管主页</a>（最新版本）</li></ul>
<h3 id="h3-u4E3Bu8981u7279u6027"><a name="主要特性" class="reference-link"></a><span class="header-link octicon octicon-link"></span>主要特性</h3><ul>
<li>支持在Markdown中嵌入思维导图；</li><li>支持通过文本方便修改思维导图内容；</li><li>支持离线和在线管理本机的脑图文档；</li><li>支持主流浏览器开箱即用随时随地编写脑图和文档，无需安装下载；</li><li>编写的文档可以通过选择-复制，然后粘贴到微信公众号等编辑器中使用；</li><li>支持“标准”Markdown / CommonMark和Github风格的语法，也可变身为代码编辑器；</li><li>支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能；</li><li>支持ToC（Table of Contents）、Emoji表情、Task lists、@链接等Markdown扩展语法；</li><li>支持TeX科学公式（基于KaTeX）、流程图 Flowchart 和 时序图 Sequence Diagram;</li></ul>
<h3 id="h3-v0-2-"><a name="v0.2 新特性" class="reference-link"></a><span class="header-link octicon octicon-link"></span>v0.2 新特性</h3><ul>
<li>支持通过文本设置脑图节点的字体大小；</li><li>支持通过文本设置脑图节点字体颜色和背景颜色</li><li>支持渲染指定文本为二维码；</li></ul>
<h4 id="h4-u8BBEu7F6Eu8282u70B9u989Cu8272u6F14u793A"><a name="设置节点颜色演示" class="reference-link"></a><span class="header-link octicon octicon-link"></span>设置节点颜色演示</h4><pre class="prettyprint linenums prettyprinted" style=""><ol class="linenums"><li class="L0"><code><span class="pln">    </span><span class="str">```mind</span></code></li><li class="L1"><code><span class="str">    思维导图字体颜色演示</span></code></li><li class="L2"><code><span class="str">         . 说话的艺术</span></code></li><li class="L3"><code><span class="str">            #FF00ff 1.警告的话</span></code></li><li class="L4"><code><span class="str">            #44ff00 2. 温馨的话</span></code></li><li class="L5"><code><span class="str">            #229933 3. 关怀的话</span></code></li><li class="L6"><code><span class="str">            #ff3300 4. 强硬的话</span></code></li><li class="L7"><code><span class="str">        . 背景颜色</span></code></li><li class="L8"><code><span class="str">            ##ff00ff 高兴的事情</span></code></li><li class="L9"><code><span class="str">            ##ff9900 不开心的事</span></code></li><li class="L0"><code><span class="str">            ##00ff88 悠闲的时光</span></code></li><li class="L1"><code><span class="str">        第三项 : 样例节点</span></code></li></ol></pre><p>渲染效果</p>
<p><img src="https://xzmind.xuanzi.ltd/assets/samples/color.svg" alt="sample-1"></p>
<h4 id="h4-u8BBEu7F6Eu8282u70B9u5B57u4F53u5927u5C0F"><a name="设置节点字体大小" class="reference-link"></a><span class="header-link octicon octicon-link"></span>设置节点字体大小</h4><pre class="prettyprint linenums prettyprinted" style=""><ol class="linenums"><li class="L0"><code><span class="pln">    </span><span class="str">```mind</span></code></li><li class="L1"><code><span class="str">    思维导图字体演示</span></code></li><li class="L2"><code><span class="str">         ## 重要事项</span></code></li><li class="L3"><code><span class="str">            # 1.特别重要事项</span></code></li><li class="L4"><code><span class="str">            ## 2. 也很重要的事</span></code></li><li class="L5"><code><span class="str">            ### 3. 需要注意的事情</span></code></li><li class="L6"><code><span class="str">            #### 4. 留意的事情</span></code></li><li class="L7"><code><span class="str">        第二项 : 样例节点</span></code></li><li class="L8"><code><span class="str">        第三项 : 样例节点</span></code></li></ol></pre><p>渲染效果<br><img src="https://xzmind.xuanzi.ltd/assets/samples/fontsize.svg" alt="sample-1"></p>
<h4 id="h4-u5D4Cu5165u4E8Cu7EF4u7801"><a name="嵌入二维码" class="reference-link"></a><span class="header-link octicon octicon-link"></span>嵌入二维码</h4><pre class="prettyprint linenums prettyprinted" style=""><ol class="linenums"><li class="L0"><code><span class="pln">    </span><span class="str">```qrcode</span></code></li><li class="L1"><code><span class="str">    二维码码内容,链接 https://xuanzi.ltd</span></code></li></ol></pre><h3 id="h3--1"><a name="嵌入思维导图1" class="reference-link"></a><span class="header-link octicon octicon-link"></span>嵌入思维导图1</h3><pre class="prettyprint linenums prettyprinted" style=""><ol class="linenums"><li class="L0"><code><span class="pln">     </span><span class="str">```mind</span></code></li><li class="L1"><code><span class="str">        :逻辑图</span></code></li><li class="L2"><code><span class="str">        样例 : 在MD文档中插入思维导图</span></code></li><li class="L3"><code><span class="str">            第一项 : 样例节点</span></code></li><li class="L4"><code><span class="str">                子节点</span></code></li><li class="L5"><code><span class="str">                子节点</span></code></li><li class="L6"><code><span class="str">            第二项 : 样例节点</span></code></li><li class="L7"><code><span class="str">            第三项 : 样例节点</span></code></li></ol></pre><blockquote>
<p>说明：用TAB键划分节点层次</p>
</blockquote>
<p><strong> 渲染的显示效果 </strong></p>
<p><img src="https://xzmind.xuanzi.ltd/assets/samples/sample-1.svg" alt="sample-1"></p>
<h3 id="h3--2"><a name="嵌入思维导图2" class="reference-link"></a><span class="header-link octicon octicon-link"></span>嵌入思维导图2</h3><p>说明：用TAB键划分节点层次</p>
<pre class="prettyprint linenums prettyprinted" style=""><ol class="linenums"><li class="L0"><code><span class="pln">     </span><span class="str">```mind</span></code></li><li class="L1"><code><span class="str">        :树杈图</span></code></li><li class="L2"><code><span class="str">        百科词条:中华人民共和国</span></code></li><li class="L3"><code><span class="str">            首都:北京</span></code></li><li class="L4"><code><span class="str">                故宫</span></code></li><li class="L5"><code><span class="str">                天安门</span></code></li><li class="L6"><code><span class="str">                鸟巢</span></code></li><li class="L7"><code><span class="str">            面积:960万平方公里</span></code></li><li class="L8"><code><span class="str">                陆地面积960万平方公里</span></code></li><li class="L9"><code><span class="str">                领海约470万平方公里</span></code></li><li class="L0"><code><span class="str">            主要城市</span></code></li><li class="L1"><code><span class="str">                天津</span></code></li><li class="L2"><code><span class="str">                江城:武汉</span></code></li><li class="L3"><code><span class="str">                成都</span></code></li><li class="L4"><code><span class="str">                花城:广州</span></code></li><li class="L5"><code><span class="str">            主要节日:春节\n元宵节\n清明节\n端午节\n中秋节</span></code></li><li class="L6"><code><span class="str">            ---文化思想</span></code></li><li class="L7"><code><span class="str">                诸子百家</span></code></li><li class="L8"><code><span class="str">                汉服文化</span></code></li><li class="L9"><code><span class="str">                唐诗宋词</span></code></li></ol></pre><p><strong> 渲染的显示效果 </strong></p>
<p><img src="https://xzmind.xuanzi.ltd/assets/samples/sample-2.svg" alt="sample-2"></p>
<h3 id="h3-u5E38u7528u6280u5DE7"><a name="常用技巧" class="reference-link"></a><span class="header-link octicon octicon-link"></span>常用技巧</h3><ul>
<li><p>支持MD语法输入，例如以下示例创建一幅简单的思维导图：</p>
<pre class="prettyprint linenums prettyprinted" style=""><ol class="linenums"><li class="L0"><code><span class="pln">  </span><span class="str">```mind</span></code></li><li class="L1"><code><span class="str">      :逻辑图</span></code></li><li class="L2"><code><span class="str">      样例 : 在MD文档中插入思维导图</span></code></li><li class="L3"><code><span class="str">          第一项 : 样例节点</span></code></li><li class="L4"><code><span class="str">              子节点</span></code></li><li class="L5"><code><span class="str">              子节点</span></code></li><li class="L6"><code><span class="str">          第二项 : 样例节点</span></code></li><li class="L7"><code><span class="str">          第三项 : 样例节点</span></code></li></ol></pre></li><li><p>思维导图每一个节点已换行分隔，节点级别已TAB键符为层次划分，下级比上级多一个TAB键符。</p>
</li></ul>
<h3 id="h3-u5185u7F6Eu6D4Fu89C8u5668u7684u6587u4EF6u7BA1u7406"><a name="内置浏览器的文件管理" class="reference-link"></a><span class="header-link octicon octicon-link"></span>内置浏览器的文件管理</h3><ul>
<li>可以按分类创建文件夹和文件。</li><li>所有文件存储在浏览器内部。</li></ul>
<h3 id="h3-u754Cu9762u9884u89C8"><a name="界面预览" class="reference-link"></a><span class="header-link octicon octicon-link"></span>界面预览</h3><ul>
<li>文件管理器</li></ul>
<p><img src="https://images.gitee.com/uploads/images/2019/1222/130544_c9ec154d_1857596.png" alt="light"><br><img src="https://images.gitee.com/uploads/images/2019/1222/130643_3b924cba_1857596.png" alt="night"></p>
<ul>
<li>编辑器</li></ul>
<p><img src="https://images.gitee.com/uploads/images/2019/1224/165136_8d694001_1857596.png" alt="sample-2"></p>
<h3 id="h3-u8054u7CFBu65B9u5F0F"><a name="联系方式" class="reference-link"></a><span class="header-link octicon octicon-link"></span>联系方式</h3><ul>
<li><a href="https://gitee.com/xuanzi_code/xzmind" title="开源项目首页">开源项目首页</a></li><li><a href="http://xzmind.xuanzi.ltd" title="应用访问地址">应用访问地址</a></li><li><a href="https://xuanzi.ltd" title="开发者主页">开发者主页</a></li><li>开发者交流Q群: 345694159</li><li>电子邮箱 : <a href="mailto:app@sbaike.com">app@sbaike.com</a></li></ul>
<h3 id="h3-u4E3Bu8981u4F7Fu7528u5230u7684u5F00u6E90u9879u76EE"><a name="主要使用到的开源项目" class="reference-link"></a><span class="header-link octicon octicon-link"></span>主要使用到的开源项目</h3><ul>
<li><a href="https://gitee.com/xuanzi_code/XZMindMap" title="XZMindMap">XZMindMap</a></li><li><a href="https://gitee.com/xuanzi_code/IndexedFSView" title="IndexedFSView">IndexedFSView</a></li><li><a href="https://gitee.com/xuanzi_code/IndexeddbFS" title="IndexeddbFS">IndexeddbFS</a></li><li><a href="https://gitee.com/xuanzi_code/Indexeddb_gwt" title="Indexeddb_gwt">Indexeddb_gwt</a></li><li><a href="https://pandao.github.io/editor.md/" title="Editor.md">Editor.md</a></li></ul>
<h3 id="h3-u9879u76EEu672Au6765u8DEFu7EBFu56FE"><a name="项目未来路线图" class="reference-link"></a><span class="header-link octicon octicon-link"></span>项目未来路线图</h3><ul>
<li>支持更多思维导图结构布局</li><li>支持导入和导出文档</li><li>支持多设备客户端，如PC、安卓、iphone、微信小程序等</li><li>支持文件同步</li></ul>
<h3 id="h3-u9879u76EEu7F16u8BD1u65B9u6CD5"><a name="项目编译方法" class="reference-link"></a><span class="header-link octicon octicon-link"></span>项目编译方法</h3><ul>
<li>这是基于GWT插件的项目，请先在eclipse中安装GWT开发插件。</li><li>下载本项目的源代码，并导入eclipse项目即可。</li><li>编译思维导图渲染和文件管理模块等源码请在以下项目中下载，编译方法同上：</li><li><a href="https://gitee.com/xuanzi_code/XZMindMap" title="XZMindMap">XZMindMap</a></li><li><a href="https://gitee.com/xuanzi_code/IndexedFSView" title="IndexedFSView">IndexedFSView</a></li><li><a href="https://gitee.com/xuanzi_code/IndexeddbFS" title="IndexeddbFS">IndexeddbFS</a></li><li><a href="https://gitee.com/xuanzi_code/Indexeddb_gwt" title="Indexeddb_gwt">Indexeddb_gwt</a></li></ul>

</div><style>.editormd-html-preview, .editormd-preview-container{padding:0px}</style><hr/> <p>本文档使用 <a style="color:#666" href="https://xzmind.xuanzi.ltd">玄子思维导图</a> 导出</p></body>
</html>